<template>
	<view class="title-wrap">
		<view></view>
		<text>{{value}}</text>
	</view>
</template>

<script>
export default {
	props: {
		value: {
			type: String,
			default: "推荐标题"
		}
	},
	data() {
		return {};
	},
	onLoad(option) {},
	onShow() {},
	methods: {}
};
</script>

<style lang="less">
.title-wrap {
	// width: 146rpx;
	height: 42rpx;
	display: flex;
	// justify-content: space-between;
	> view {
		width: 6rpx;
		height: 30rpx;
		border-radius: 3rpx;
		background-color: rgba(110, 153, 199, 1);
		margin-top: 7rpx;
		margin-right: 20rpx;
	}

	> text {
		display: block;
		text-align: left;
		font-size: 30rpx;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 600;
		color: #222222;
	}
}
</style>
